<template>
	<view class=" jcc aic fdc">
		<view class="taskcard boxShadow" >
			<view class="top aic ">
				<view class="jcb w100">
					<view class="aic">
						<view class="line">
							
						</view>
						<view class="">
						美工
						</view>
					</view>
					<view class="">
						<span v-if="item.taskStatus==0">
							<u-tag text="已签约" type="success" />
							</span>
					</view>
				</view>
			</view>
				<u-line color="#F0F0F0"></u-line>
				<view class="p20 jcb  aic">
					<view class="aic">
						<u-avatar slot="right-icon" size="65" :src="item.img"></u-avatar>
						<view style="margin-left: 30rpx;">
						<uni-title :title="item.name" type="h2"></uni-title>
							<view class="gray25">
								<view class="">
									甲方：{{item.jia}}
								</view>
								<view class="">
									乙方：{{item.yi}}
								</view>
							</view>
						</view>
					</view>
					<u-button type="primary" plain size="mini" >
						查看合同
					</u-button>
				
				</view>
				
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			item:{
				type:Object,
				default:{
					name:"自然中报共享合同",
					img:"https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/44f8d690-4f3d-11eb-b680-7980c8a877b8.svg",
					jia:"河南宗申",
					yi:"bluesky",
					taskStatus:0
				}
			}
		},
		name:"taskCard2",
		data() {
			return {
				
			};
		},
		methods:{
		}
	}
</script>

<style lang="scss" scoped>
.taskcard{
	width:700rpx ;
	background-color: #fff;
	border-radius: 5rpx;
	margin-top: 20rpx;
	.top{
		padding: 13rpx 0;
		margin-right: 20rpx;
		.line{
			width: 8rpx;
			height: 30rpx;
			margin-right: 20rpx;
			background-color:$llt-type-primary;
		}
	}
	
	.commission{
		color: #F15F73;
	}
	.detail{
		color: #5C5C5C;
		margin-top: 30rpx;
	}
	.deta{
		color: #5C5C5C;
		margin-top: 30rpx;
	}
}
</style>
